//
const TopSided = () => {
  return (
    <div
      className="w-full h-[128px] z-20 relative flex justify-between text-[18px] font-[600] text-[#224B83]"
      style={{
        backgroundImage: `url('assistant-decision/header_bg.png')`,
        backgroundRepeat: "no-repeat",
        backgroundSize: "contain",
        backgroundPosition: '-50% 0'
      }}
    >
      <div className="flex-1 flex justify-between mt-[12px]">
        <div
          className="w-[160px] h-[42px] leading-[42px] text-center text-[22px] text-white"
          style={{
            backgroundImage: `url('assistant-decision/header-menu_left_select.png')`,
            backgroundRepeat: "no-repeat",
            backgroundSize: "contain"
          }}
        >
          单位画像
        </div>
        <div
          className="w-[160px] h-[42px] text-center leading-[42px]"
          style={{
            backgroundImage: `url('assistant-decision/header-menu_left.png')`,
            backgroundRepeat: "no-repeat",
            backgroundSize: "contain"
          }}
        >
          项目管控
        </div>
        <div
          className="w-[160px] h-[42px] text-center leading-[42px]"
          style={{
            backgroundImage: `url('assistant-decision/header-menu_left.png')`,
            backgroundRepeat: "no-repeat",
            backgroundSize: "contain"
          }}
        >
          问题分析
        </div>
      </div>
      <h1 className="flex-10 text-center title text-[52px] text-white ">辅助决策</h1>
      <div className="flex-1 flex justify-between mt-[12px]">
        <div
          className="w-[160px] h-[42px] text-center leading-[42px]"
          style={{
            backgroundImage: `url('assistant-decision/header-menu_right.png')`,
            backgroundRepeat: "no-repeat",
            backgroundSize: "contain"
          }}
        >
          整改追责
        </div>
        <div
          className="w-[160px] h-[42px] text-center leading-[42px]"
          style={{
            backgroundImage: `url('assistant-decision/header-menu_right.png')`,
            backgroundRepeat: "no-repeat",
            backgroundSize: "contain"
          }}
        >
          人才资源
        </div>
        <div className="w-[120px] h-[42px] text-center leading-[42px]">返回首页</div>
      </div>
    </div>
  )
}

export default TopSided
